<%--
  Created by IntelliJ IDEA.
  User: dell
  Date: 2018/5/30
  Time: 17:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java"  isELIgnored="false" %>
<!DOCTYPE HTML>
<html class="no-js" lang="en-US">
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- CSS
      ================================================== -->
    <link href="${pageContext.request.contextPath}/css/bootstrap.css" rel="stylesheet" type="text/css"><!-- Bootstrap -->
    <link href="${pageContext.request.contextPath}/css/bootstrap-theme.css" rel="stylesheet" type="text/css"><!-- Bootstrap Theme -->
    <link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet" type="text/css"><!-- Style Css -->
    <link href="${pageContext.request.contextPath}/vendor/magnific/magnific-popup.css" rel="stylesheet" type="text/css"><!-- Magnific Popup -->
    <link href="${pageContext.request.contextPath}/vendor/owl-carousel/css/owl.carousel.css" rel="stylesheet" type="text/css"><!-- Owl Carousel -->
    <link href="${pageContext.request.contextPath}/vendor/owl-carousel/css/owl.theme.css" rel="stylesheet" type="text/css"><!-- Owl Carousel Theme -->
    <!-- Color Style -->
    <link href="${pageContext.request.contextPath}/colors/color1.css" rel="stylesheet" type="text/css">
    <link href="${pageContext.request.contextPath}/css/custom.css" rel="stylesheet" type="text/css"><!-- CUSTOM STYLESHEET FOR STYLING -->
    <script src="${pageContext.request.contextPath}/js/modernizr.js"></script><!-- Modernizr -->

</head>
<body class="home">
<div class="body">
    <!-- start topbar -->
    <header class="topbar">
        <!-- start container -->
        <div class="container">
            <ul class="topbar-menu">
                <li><a href="${pageContext.request.contextPath}/shop.do" title="Shop">购物</a>
                    <ul>
                        <li><a href="#" title="Cart">物流</a></li>
                        <li><a href="#" title="Cart">结账</a></li>
                    </ul>
                </li>
                <li><a href="#" title="Contact">联系我们</a></li>
                <li><a href="#" title="Donations">赠送</a></li>
            </ul>
            <div class="header-info-col">
                <i class="fa fa-phone"></i>
                <strong>1800-9090-8089</strong>
            </div>
            <div class="header-info-col">
                <i class="fa fa-envelope-o"></i>
                <strong><a href="mailto:help@obsequy.com" title="help@obsequy.com">1106358053@qq.com</a></strong>
            </div>
            <div class="header-info-col">
                <i class="fa fa-map-marker"></i>
                <strong>浙江工贸职业技术学院</strong>
            </div>
        </div>
        <!-- end container -->
    </header>
    <!-- end topbar -->
    <!-- start header -->
    <header class="site-header-wrapper">
        <div class="site-header">
            <!-- start container -->
            <div class="container">
                <!-- start site logo -->
                <div class="site-logo">
                    <a href="${pageContext.request.contextPath}/main.do" title="Obsequy" class="default-logo"><img src="images/logo.png" alt="Obsequy"></a>
                    <a href="${pageContext.request.contextPath}/main.do" title="Obsequy" class="default-retina-logo"><img src="images/logo@2x.png" alt="Obsequy" width="204" height="46"></a>
                </div>
                <!-- end site logo -->
                <a href="#" id="menu-toggle">
                    <i class="fa fa-bars"></i>
                </a>
                <div class="search-module">
                    <a href="#" class="search-module-trigger">
                        <i class="fa fa-search"></i>
                    </a>
                    <div class="search-module-opened">
                        <form id="searchform" action="#">
                            <div class="input-group input-group-sm">
                                <input type="text" name="s" id="s" class="form-control input-sm">
                                <span class="input-group-btn"><button name ="submit" type="submit" class="btn btn-lg btn-default"><i class="fa fa-search"></i></button></span>
                            </div>
                        </form>
                    </div>
                </div>
                <a href="#" class="cart-module-trigger">
                    <i class="fa fa-shopping-cart"></i>
                </a>
                <!-- start main navigation -->
                <nav class="main-navigation pull-right">
                    <ul class="dd-menu sf-menu">
                        <li class="active"><a href="${pageContext.request.contextPath}/main.do" title="Home"><span>首页</span></a></li>
                        <li><a href="${pageContext.request.contextPath}/aboutUs.do" title="About"><span>关于我们</span></a></li>
                        <li><a href="${pageContext.request.contextPath}/shop.do" title="Shop"><span>购物车</span></a></li>
                        <li><a href="${pageContext.request.contextPath}/services.do" title="Services"><span>服务</span></a></li>
                        <li><a href="${pageContext.request.contextPath}/blog.do" title="Blog"><span>博客</span></a></li>
                        <li><a href="${pageContext.request.contextPath}/shop.do" title="Send Flowers"><span>送花</span> <img src="images/flower-e1476975452944.png" alt=""></a>
                        </li>
                    </ul>
                </nav>
                <!-- end main navigation -->
            </div>
            <!-- end container -->
        </div>
    </header>
    <!-- end header -->
    <!-- start hero slider -->
    <div class="hero-slider heroflex flexslider" data-autoplay="yes" data-pagination="no" data-arrows="yes" data-style="slide">
        <ul class="slides">
            <li style="background-image:url(${pageContext.request.contextPath}/images/bg_slide.jpg);">
                <!-- start container -->
                <div class="container">
                    <div class="hero-caption">
                        <h1>提前计划</h1>
                        <p>如果您有生活的如何计划<br> 请告诉我们，我们会提供力所能及的服务 <br> 谢谢</p>
                        <a href="${pageContext.request.contextPath}/servicesGrid.do" title="See our services " class="btn-services">查看我们的服务</a>
                    </div>
                </div>
                <!-- end container -->
            </li>
            <li style="background-image:url(${pageContext.request.contextPath}/images/bg_slide2.jpg);">
                <!-- start container -->
                <div class="container">
                    <div class="hero-caption">
                        <h1>提前计划</h1>
                        <p>如果您有生活的如何计划<br> 请告诉我们，我们会提供力所能及的服务 <br> 谢谢</p>
                        <a href="${pageContext.request.contextPath}/servicesGrid.do" title="See our services " class="btn-services">查看我们的服务</a>
                    </div>
                </div>
                <!-- end container -->
            </li>
            <li style="background-image:url(${pageContext.request.contextPath}/images/bg_slide3.jpg);">
                <!-- start container -->
                <div class="container">
                    <div class="hero-caption">
                        <h1>提前计划</h1>
                        <p>如果您有生活的如何计划<br> 请告诉我们，我们会提供力所能及的服务 <br> 谢谢</p>
                        <a href="${pageContext.request.contextPath}/servicesGrid.do" title="See our services " class="btn-services">查看我们的服务</a>
                    </div>
                </div>
                <!-- end container -->
            </li>
        </ul>
    </div>
    <!-- end hero slider -->
    <!-- Start body content -->
    <div class="main" role="main">
        <div id="content" class="content full">
            <!-- start container -->
            <div class="container">
                <!-- start row -->
                <div class="row">
                    <div class="spacer-50"></div>
                    <div class="col-md-4">
                        <h1>
                            欢迎来到 <strong class="accent-color">拾光桥梁</strong> 拾光 &amp; 桥梁
                        </h1>
                    </div>
                    <div class="col-md-4">
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec.</p>
                    </div>
                    <div class="col-md-4">
                        <div class="text-align-center">
                            <img src="${pageContext.request.contextPath}/images/logo-for-page-250x250.jpeg" alt="">
                        </div>
                    </div>
                    <div class="spacer-50"></div>
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
            <div class="parallax parallax1 padding-tb75" style="background:url(${pageContext.request.contextPath}/images/bg1-1.jpg);">
                <!-- start container -->
                <div class="container">
                    <!-- start row -->
                    <div class="row no-gutters secondary-bg">
                        <div class="col-md-3">
                            <div class="padding-all27">
                                <p class="white-text">We understand that it is not always possible to pay respects in person, &amp; hope that this small token will help. You can search for your loved one using the <a href="#" title="list of obituaries here" class="white-text text-underline">list of obituaries here</a>: </p>
                                <a href="${pageContext.request.contextPath}/obituariesGrid.do" title="" class="btn-all">ALL OBITUARIES <i class="vc_btn3-icon fa fa-chevron-right"></i> </a>
                            </div>
                        </div>
                        <div class="col-md-9 bg-white">
                            <div class="carousel-area">
                                <div class="carousel-wrapper-outer">
                                    <h2>Recent Obituaries</h2>
                                    <!-- start carousel -->
                                    <div class="carousel-wrapper">
                                        <div class="row">
                                            <ul class="owl-carousel carousel-fw" data-columns="3" data-autoplay="" data-pagination="no" data-arrows="yes" data-single-item="no" data-items-desktop="3" data-items-desktop-small="3" data-items-tablet="2" data-items-mobile="1">
                                                <li class="item">
                                                    <div class="grid-item obituary-grid-item obituary-carousel-item format-standard">
                                                        <a href="${pageContext.request.contextPath}/singleObituary.do" class="media-block"><img src="${pageContext.request.contextPath}/images/img4-350x500.jpg" alt=""></a>
                                                        <div class="grid-item-content">
                                                            <h3>Jennifer Henderson</h3>
                                                            <hr class="sm">
                                                            <span class="meta-data">June 15, 2017</span>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="item">
                                                    <div class="grid-item obituary-grid-item obituary-carousel-item format-standard">
                                                        <a href="${pageContext.request.contextPath}/singleObituary.do" class="media-block"><img src="${pageContext.request.contextPath}/images/img5-350x500.jpg" alt=""></a>
                                                        <div class="grid-item-content">
                                                            <h3>Janet Jordan</h3>
                                                            <hr class="sm">
                                                            <span class="meta-data">June 13, 2017</span>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="item">
                                                    <div class="grid-item obituary-grid-item obituary-carousel-item format-standard">
                                                        <a href="${pageContext.request.contextPath}/singleObituary.do" class="media-block"><img src="${pageContext.request.contextPath}/images/depositphotos_125040540_original-350x500.jpg" alt=""></a>
                                                        <div class="grid-item-content">
                                                            <h3>Willie Garrett</h3>
                                                            <hr class="sm">
                                                            <span class="meta-data">May 6, 2017</span>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="item">
                                                    <div class="grid-item obituary-grid-item obituary-carousel-item format-standard">
                                                        <a href="${pageContext.request.contextPath}/singleObituary.do" class="media-block"><img src="${pageContext.request.contextPath}images/Depositphotos_6699049_original-350x500.jpg" alt=""></a>
                                                        <div class="grid-item-content">
                                                            <h3>Ryan Gonzalez</h3>
                                                            <hr class="sm">
                                                            <span class="meta-data">May 4, 2017</span>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="item">
                                                    <div class="grid-item obituary-grid-item obituary-carousel-item format-standard">
                                                        <a href="${pageContext.request.contextPath}/singleObituary.do" class="media-block"><img src="${pageContext.request.contextPath}images/Depositphotos_67927599_original-350x500.jpg" alt=""></a>
                                                        <div class="grid-item-content">
                                                            <h3>Joshua Sims</h3>
                                                            <hr class="sm">
                                                            <span class="meta-data">April 11, 2017</span>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <!-- end carousel -->
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- end row -->
                </div>
                <!-- end container -->
            </div>
            <!-- start container -->
            <div class="container">
                <div class="spacer-70"></div>
                <p class="text-align-center">
                    <strong>
                        <span class="accent-color">WE ARE HERE TO HELP YOU</span>
                    </strong>
                </p>
                <h4 class="text-align-center">Lorem ipsum dolor sit amet, consectetuer adipiscing elit <br> aenean commodo ligula eget dolor.</h4>
                <div class="spacer-35"></div>
                <!-- start row -->
                <div class="row">
                    <div class="col-md-4 col-sm-4">
                        <div class="icon-box ibox-center ibox-secondary ibox-outline ibox-effect ibox-plain">
                            <div class="ibox-icon">
                                <i class="fa fa-microphone"></i>
                            </div>
                            <h3>Notifying relatives</h3>
                            <p>Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus</p>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-4">
                        <div class="icon-box ibox-center ibox-secondary ibox-outline ibox-effect ibox-plain">
                            <div class="ibox-icon">
                                <i class="fa fa-gavel"></i>
                            </div>
                            <h3>Legal guidance</h3>
                            <p>Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penat</p>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-4">
                        <div class="icon-box ibox-center ibox-secondary ibox-outline ibox-effect ibox-plain">
                            <div class="ibox-icon">
                                <i class="fa fa-anchor"></i>
                            </div>
                            <h3>Helping You Plan</h3>
                            <p>Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et </p>
                        </div>
                    </div>
                </div>
                <!-- end row -->
                <div class="spacer-35"></div>
            </div>
            <!-- end container -->
            <div class="banner parallax parallax2" style="background-image:url(${pageContext.request.contextPath}/images/image8-1.jpg);">
                <div class="accent-overlay"></div>
                <div class="banner-caption text-align-center">
                    <!-- start container -->
                    <div class="container">
                        <h2>Extra ordinary set of services for all needs</h2>
                    </div>
                    <!-- end container -->
                </div>
            </div>
            <div class="gray-bg">
                <!-- start container -->
                <div class="container">
                    <div class="spacer-90"></div>
                    <!-- start carousel -->
                    <div class="carousel-wrapper">
                        <div class="row">
                            <ul class="owl-carousel carousel-fw" data-columns="4" data-autoplay="" data-pagination="no" data-arrows="no" data-single-item="no" data-items-desktop="4" data-items-desktop-small="4" data-items-tablet="2" data-items-mobile="1">
                                <li class="item">
                                    <div class="grid-item service-grid-item service-carousel-item format-standard">
                                        <a href="#" class="media-box"><img src="${pageContext.request.contextPath}/images/image4-500x320.jpg" alt=""></a>
                                        <div class="grid-item-content">
                                            <h3 class="post-title">
                                                <a href="#">Celebrating a Life</a>
                                            </h3>
                                            <hr class="sm">
                                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula…...</p>
                                            <a class="basic-link" href="#">Read More</a>
                                        </div>
                                    </div>
                                </li>
                                <li class="item">
                                    <div class="grid-item service-grid-item service-carousel-item format-standard">
                                        <a href="#" class="media-box"><img src="${pageContext.request.contextPath}/images/image1-500x320.jpg" alt=""></a>
                                        <div class="grid-item-content">
                                            <h3 class="post-title">
                                                <a href="#">Funeral Services</a>
                                            </h3>
                                            <hr class="sm">
                                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula…...</p>
                                            <a class="basic-link" href="#">Read More</a>
                                        </div>
                                    </div>
                                </li>
                                <li class="item">
                                    <div class="grid-item service-grid-item service-carousel-item format-standard">
                                        <a href="#" class="media-box"><img src="${pageContext.request.contextPath}/images/image5-500x320.jpg" alt=""></a>
                                        <div class="grid-item-content">
                                            <h3 class="post-title">
                                                <a href="#">Planning a Funeral</a>
                                            </h3>
                                            <hr class="sm">
                                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula…...</p>
                                            <a class="basic-link" href="#">Read More</a>
                                        </div>
                                    </div>
                                </li>
                                <li class="item">
                                    <div class="grid-item service-grid-item service-carousel-item format-standard">
                                        <a href="#" class="media-box"><img src="${pageContext.request.contextPath}/images/image6-500x320.jpg" alt=""></a>
                                        <div class="grid-item-content">
                                            <h3 class="post-title">
                                                <a href="#">Burial Services</a>
                                            </h3>
                                            <hr class="sm">
                                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula…...</p>
                                            <a class="basic-link" href="#">Read More</a>
                                        </div>
                                    </div>
                                </li>
                                <li class="item">
                                    <div class="grid-item service-grid-item service-carousel-item format-standard">
                                        <a href="#" class="media-box"><img src="${pageContext.request.contextPath}/images/image3-500x320.jpg" alt=""></a>
                                        <div class="grid-item-content">
                                            <h3 class="post-title">
                                                <a href="#">Catering Services</a>
                                            </h3>
                                            <hr class="sm">
                                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula…...</p>
                                            <a class="basic-link" href="#">Read More</a>
                                        </div>
                                    </div>
                                </li>
                                <li class="item">
                                    <div class="grid-item service-grid-item service-carousel-item format-standard">
                                        <a href="#" class="media-box"><img src="${pageContext.request.contextPath}/images/image2-500x320.jpg" alt=""></a>
                                        <div class="grid-item-content">
                                            <h3 class="post-title">
                                                <a href="#">Permanent Memorialization</a>
                                            </h3>
                                            <hr class="sm">
                                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula…...</p>
                                            <a class="basic-link" href="#">Read More</a>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- end carousel -->
                    <div class="spacer-100"></div>
                    <div class="our-services">
                        <h4 class="border-heading"><span>Emotional words about our services</span></h4>
                        <!-- start carousel -->
                        <div class="carousel-wrapper padding-tb0">
                            <div class="row">
                                <ul class="owl-carousel carousel-fw" data-columns="2" data-autoplay="5000" data-pagination="yes" data-arrows="no" data-single-item="no" data-items-desktop="2" data-items-desktop-small="2" data-items-tablet="2" data-items-mobile="1">
                                    <li class="item">
                                        <div class="grid-item testimonial-grid-item testimonial-carousel-item format-standard">
                                            <div class="testimonial-outer">
                                                <div class="testimonial-image">
                                                    <img src="${pageContext.request.contextPath}/images/img20.jpg" alt="">
                                                </div>
                                                <div class="testimonial-inner">
                                                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
                                                    <div class="spacer-20"></div>
                                                    <hr class="sm">
                                                    <h4>Rogers</h4>
                                                    <span class="meta-data">Joshua's Family</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="item">
                                        <div class="grid-item testimonial-grid-item testimonial-carousel-item format-standard">
                                            <div class="testimonial-outer">
                                                <div class="testimonial-image">
                                                    <img src="${pageContext.request.contextPath}/images/img18-400x400.jpg" alt="">
                                                </div>
                                                <div class="testimonial-inner">
                                                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
                                                    <div class="spacer-20"></div>
                                                    <hr class="sm">
                                                    <h4>Alice Mills</h4>
                                                    <span class="meta-data">Jennifer Henderson's Friend</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="item">
                                        <div class="grid-item testimonial-grid-item testimonial-carousel-item format-standard">
                                            <div class="testimonial-outer">
                                                <div class="testimonial-image">
                                                    <img src="${pageContext.request.contextPath}/images/img19.jpg" alt="">
                                                </div>
                                                <div class="testimonial-inner">
                                                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
                                                    <div class="spacer-20"></div>
                                                    <hr class="sm">
                                                    <h4>Brenda Gordon</h4>
                                                    <span class="meta-data">Daughter of Janet Jordan</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- end carousel -->
                        <div class="spacer-60"></div>
                    </div>
                </div>
                <!-- end container -->
            </div>
            <!-- start container -->
            <div class="container">
                <div class="spacer-100"></div>
                <h4 class="border-heading"><span>Latest from our Blog</span></h4>
                <!-- start carousel -->
                <div class="carousel-wrapper padding-tb0">
                    <div class="row">
                        <ul class="owl-carousel carousel-fw" data-columns="3" data-autoplay="" data-pagination="no" data-arrows="no" data-single-item="no" data-items-desktop="3" data-items-desktop-small="3" data-items-tablet="2" data-items-mobile="1">
                            <li class="item">
                                <div class="grid-item post-grid-item post-carousel-item format-standard">
                                    <a href="#" class="media-box">
                                        <img src="${pageContext.request.contextPath}/images/img15-600x399.jpg" alt="">
                                    </a>
                                    <div class="grid-item-content">
                                        <div class="grid-post-date">
                                            <span class="post-date">08</span>
                                            <span class="post-month">Nov</span>
                                        </div>
                                        <div class="grid-item-content-in">
                                            <h3 class="post-title">
                                                <a href="#">Why you should plan ahead</a>
                                            </h3>
                                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula…...</p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="item">
                                <div class="grid-item post-grid-item post-carousel-item format-standard">
                                    <a href="#" class="media-box">
                                        <img src="${pageContext.request.contextPath}/images/img17-600x400.jpg" alt="">
                                    </a>
                                    <div class="grid-item-content">
                                        <div class="grid-post-date">
                                            <span class="post-date">08</span>
                                            <span class="post-month">Nov</span>
                                        </div>
                                        <div class="grid-item-content-in">
                                            <h3 class="post-title">
                                                <a href="#">What to do when a death occurs</a>
                                            </h3>
                                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula…...</p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="item">
                                <div class="grid-item post-grid-item post-carousel-item format-standard">
                                    <a href="#" class="media-box">
                                        <img src="${pageContext.request.contextPath}/images/img16-1.jpg" alt="">
                                    </a>
                                    <div class="grid-item-content">
                                        <div class="grid-post-date">
                                            <span class="post-date">08</span>
                                            <span class="post-month">Nov</span>
                                        </div>
                                        <div class="grid-item-content-in">
                                            <h3 class="post-title">
                                                <a href="#">Funeral Etiquettes you should remember</a>
                                            </h3>
                                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula…...</p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- end carousel -->
                <div class="spacer-70"></div>
            </div>
            <!-- end container -->
            <section class="content-section video-section">
                <div class="overlay">
                    <a id="bgndVideo" class="player" data-property="{videoURL:'',containment:'.video-section', quality:'large', autoPlay:true, mute:true, opacity:1}">bg</a>
                    <!-- start our location -->
                    <div class="our-location">
                        <div class="spacer-95"></div>
                        <!-- start container -->
                        <div class="container">
                            <!-- start row -->
                            <div class="row">
                                <div class="col-md-6 col-sm-6">
                                    <!-- start fillform -->
                                    <div class="fillform">
                                        <form method="post" id="contactform" name="contactform" class="contact-form clearfix" action="mail/contact.php">
                                            <label for="name">Your Name (required)</label>
                                            <input name="name" type="text" id="name" class="form-control" placeholder="">
                                            <label for="email">Your Email (required)</label>
                                            <input name="email" type="text" id="email" class="form-control" placeholder="">
                                            <label for="phone">Your phone no.</label>
                                            <input name="phone" type="text" id="phone" class="form-control" placeholder="">
                                            <label for="comments">Your Message</label>
                                            <textarea name="comments" cols="2" rows="2" id="comments" class="form-control" placeholder=""></textarea>
                                            <input name="submit" type="submit" class="button btn-primary" value="Send Message">
                                        </form>
                                        <div class="clearfix"></div>
                                        <div id="message"></div>
                                    </div>
                                    <!-- end fillform -->
                                </div>
                                <div class="col-md-6 col-sm-6">
                                    <!-- start map -->
                                    <div class="map margin-40">
                                        <a href="#" title="map"><img src="${pageContext.request.contextPath}/images/img_map.jpg" alt="map"></a>
                                    </div>
                                    <!-- end map -->
                                    <!-- start services wrapper -->
                                    <div class="services-wrapper">
                                        <h2 class="white-text">Book your service</h2>
                                        <p class="white-text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
                                        <p class="white-text"><strong>123, landmark address</strong> <span>Merlin Street</span> <span>Fl, United States</span> <span><a href="#" title="help@obsequy.com">help@obsequy.com</a>
                                        </span><span>1800-9090-8089</span></p>
                                    </div>
                                    <!-- end services wrapper -->
                                </div>
                            </div>
                            <!-- end row -->
                        </div>
                        <!-- end container -->
                        <div class="spacer-45"></div>
                    </div>
                    <!-- end our location -->
                </div>
            </section>
            <div class="secondary-bg cta">
                <!-- start container -->
                <div class="container">
                    <a href="${pageContext.request.contextPath}/shop.do" title="Shop Flowers Now" class="btn btn-default btn-transparent btn-rounded pull-right">Shop Flowers Now</a>
                    <h3 class="white-text margin-0">An easy way to send Flowers &amp; Gifts to your loved ones</h3>
                </div>
                <!-- end container -->
            </div>
        </div>
    </div>
    <!-- end body content -->
    <!-- start footer -->
    <footer class="footer">
        <!-- start site footer -->
        <div class="site-footer">
            <!-- start container -->
            <div class="container">
                <!-- start row -->
                <div class="row">
                    <div class="col-md-3 footer_widget">
                        <h5>About Obsequy</h5>
                        <!-- start footer logo -->
                        <div class="footer-logo margin-20">
                            <a href="${pageContext.request.contextPath}/main.do" title="Obsequy"><img src="${pageContext.request.contextPath}/images/logo.png" alt="Obsequy"></a>
                        </div>
                        <!-- end footer logo -->
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
                    </div>
                    <div class="col-md-3 footer_widget">
                        <h5>Services we offer</h5>
                        <!-- start menu services -->
                        <div class="menu-services">
                            <ul>
                                <li><a href="#" title="Burial Services">Burial Services</a></li>
                                <li><a href="#" title="Catering Services">Catering Services</a></li>
                                <li><a href="#" title="Celebrating a Life">Celebrating a Life</a></li>
                                <li><a href="#" title="Funeral Services">Funeral Services</a></li>
                                <li><a href="#" title="Permanent Memorialization">Permanent Memorialization</a></li>
                                <li><a href="#" title="Planning a Funeral">Planning a Funeral</a></li>
                            </ul>
                        </div>
                        <!-- end menu services -->
                    </div>
                    <div class="col-md-3 footer_widget">
                        <h5>Recent Posts</h5>
                        <!-- start recent post -->
                        <div class="recent-post">
                            <ul>
                                <li>
                                    <!-- start recent post imgb -->
                                    <div class="recent-post-imgb">
                                        <a href="#" title="recent post"><img src="${pageContext.request.contextPath}/images/img_recent_post.jpg" alt="recent post"></a>
                                    </div>
                                    <!-- end recent post imgb -->
                                    <!-- start recent post txtb -->
                                    <div class="recent-post-txtb">
                                        <h6><a href="#" title="Why you should plan ahead">Why you should plan ahead</a></h6>
                                        <span>Posted on November 8, 2017</span>
                                    </div>
                                    <!-- end recent post txtb -->
                                </li>
                                <li>
                                    <!-- start recent post imgb -->
                                    <div class="recent-post-imgb">
                                        <a href="#" title="recent post"><img src="${pageContext.request.contextPath}/images/img_recent_post2.jpg" alt="recent post"></a>
                                    </div>
                                    <!-- end recent post imgb -->
                                    <!-- start recent post txtb -->
                                    <div class="recent-post-txtb">
                                        <h6><a href="#" title="What to do when a death occurs">What to do when a death occurs</a></h6>
                                        <span>Posted on November 8, 2017</span>
                                    </div>
                                    <!-- end recent post txtb -->
                                </li>
                                <li>
                                    <!-- start recent post imgb -->
                                    <div class="recent-post-imgb">
                                        <a href="#" title="recent post"><img src="${pageContext.request.contextPath}/images/img_recent_post3.jpg" alt="recent post"></a>
                                    </div>
                                    <!-- end recent post imgb -->
                                    <!-- start recent post txtb -->
                                    <div class="recent-post-txtb">
                                        <h6><a href="#" title="Funeral Etiquettes you should remember">Funeral Etiquettes you should remember</a></h6>
                                        <span>Posted on November 8, 2017</span>
                                    </div>
                                    <!-- end recent post txtb -->
                                </li>
                            </ul>
                        </div>
                        <!-- end recent post -->
                        <div class="spacer-30"></div>
                    </div>
                    <div class="col-md-3 footer_widget">
                        <h5>Obsequy on Twitter</h5>
                        <!-- start tweets -->
                        <!--<div class="twitter-widget" data-tweets-count="2"></div>-->
                        <!-- end tweets -->
                    </div>
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </div>
        <!-- end site footer -->
        <!-- start site footer bottom -->
        <div class="site-footer-bottom">
            <!-- start container -->
            <div class="container">
                <!-- start row -->
                <div class="row">
                    <div class="col-md-6 col-sm-6">
                        <p>Copyright &copy; 2017.Company name All rights reserved.</p>
                    </div>
                    <div class="col-md-6 col-sm-6">
                        <!-- start social icons colored -->
                        <div class="social-icons-colored pull-right">
                            <ul>
                                <li class="facebook"><a href="#" title="facebook"><i class="fa fa-facebook"></i></a></li>
                                <li class="twitter"><a href="#" title="twitter"><i class="fa fa-twitter"></i></a></li>
                                <li class="youtube"><a href="#" title="youtube"><i class="fa fa-youtube"></i></a></li>
                            </ul>
                        </div>
                        <!-- end social icons colored -->
                    </div>
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </div>
        <!-- end site footer bottom -->
    </footer>
    <!-- end footer -->
    <a id="back-to-top"><i class="fa fa-arrow-up"></i></a>
</div>
<script src="${pageContext.request.contextPath}/js/jquery-2.2.3.min.js"></script> <!-- Jquery Library Call -->
<script src="${pageContext.request.contextPath}/vendor/magnific/jquery.magnific-popup.min.js"></script> <!-- Maginific Popup Plugin -->
<script src="${pageContext.request.contextPath}/js/ui-plugins.js"></script> <!-- UI Plugins -->
<script src="${pageContext.request.contextPath}/js/helper-plugins.js"></script> <!-- Helper Plugins -->
<script src="${pageContext.request.contextPath}/vendor/owl-carousel/js/owl.carousel.min.js"></script> <!-- Owl Carousel -->
<script src="${pageContext.request.contextPath}/js/bootstrap.js"></script> <!-- UI -->
<script src="${pageContext.request.contextPath}/js/init.js"></script> <!-- All Scripts -->
<script src="${pageContext.request.contextPath}/vendor/flexslider/js/jquery.flexslider.js"></script> <!-- FlexSlider -->
<!--<script src="js/jquery.mb.YTPlayer.js"></script>-->
</body>
</html>
